
<style>
    :not(:defined) {
        display: none;
    }
    #export_box:host{
      border:1px solid #191919;
    }
    /* Force the scroll bar to appear so we see it hide when overlay opens. */
    body::-webkit-scrollbar {
        background: lightgray;
    }
  
    body::-webkit-scrollbar-thumb {
        background: darkgray;
    }
      #msginfo{
        padding: 5px 0px 5px 0px;
        border: none;
        background-color: var(--main-bg-color);
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: auto;
        z-index: 2;
        height:40px;
        overflow-y: auto;
        font-size: 20px;
        justify-content: center;
        user-select:none;
    }
    #bott12{
        max-height: 40px;
        background-color: var(--main-bg-color);
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }
  
  </style>
  <elix-dialog id="msg_box" aria-label="export svg" closed>
    <div id="msginfo">
    </div>
    <div id="bott12"><input type="button" id="msgconf" class="cls_bot_btn_" value="确定"></div>
  </elix-dialog>